<template>
  <div>
    <div class="con" :visible.sync="showDialog">
      <div class="tip">选择文件：</div>
      <input class="file" type="file" title="请选择文件" value="请选择文件">
      <button class="submit" @click="submit">上传</button>
    </div>
  </div>
</template>

<script>
import {mImportUsers} from '@/api/users'
var formData = new window.FormData()

export default {
  name: "ImportExcel",
  props:{
    importVisible:{
      type : Boolean,
      default:false
    }
  },
  data () {
    return {
      showDialog:false
    }
  },
  watch:{
    importVisible(){
      this.showDialog = this.importVisible
    }
  },
  methods: {
    submit(){
      formData.append('myfile', document.querySelector('input[type=file]').files[0]) // 'file' 这个名字要和后台获取文件的名字一样;
      //'myfile'是formData这个对象的键名

      mImportUsers(formData).then((res) => {
          console.log(res.data);
        },error  => {
        console.log(error);
      })
    },
  }
}
</script>

<style scoped>

</style>
